<!DOCTYPE html><html lang=ch><head><meta charset=UTF-8><meta name=viewport content="initial-scale=1,maximum-scale=1,user-scalable=no"><meta name=keywords content=image-set><meta name=description content=image-set><meta name=robots content=image-set><meta name=author content=songyuanlu><meta content=yes name=apple-mobile-web-app-capable><meta content=black name=apple-mobile-web-app-status-bar-style><title>梯形标签</title><link rel=stylesheet href=../../css/public/public.css><style type=text/css>nav.eg-nav {
	    position: relative;
	    z-index: 1;
	    padding-left: 0.1rem;
	}

	nav.eg-nav > a {
	    position: relative;
	    display: inline-block;
	    padding: 0.15rem 0.2rem 0.12rem;
	    color: inherit;
	    text-decoration: none;
	    margin: 0 -0.02rem;
	    /*background-color: rgba(0,0,0,0.1);*/
	} 
	nav.eg-nav a::before, .eg-nav-main{
		border: 0.01rem solid rgba(0, 0, 0, 0.2);
	}
	.eg-nav-main{
		padding: 0.1rem;
		margin-bottom: 20px;
	}
	nav.eg-nav a::before {
	    content: ''; /* To generate the box */
	    position: absolute;
	    top: 0; 
	    right: 0; 
	    bottom: 0; 
	    left: 0;
	    z-index: -1;
	    border-bottom: none;
	    border-radius: 0.1rem 0.1rem 0 0;
	    background: #bbb linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,0));
	    box-shadow: 0 0.01rem white inset;
	    transform: scale(1.1, 1.3) perspective(0.1rem) rotateX(5deg);
	    transform-origin: bottom;
	}
	nav.eg-nav a.on { 
		z-index: 2;
	}
	nav.eg-nav a.on::before {
	    top: -0.02rem;
	    margin-bottom: -0.01rem;
	    background-color: #71af42;
	}
	
	nav.left > a::before {
	    transform: scale(1.2, 1.3) perspective(0.08rem) rotateX(5deg);
	    transform-origin: bottom left;
	}

	nav.right { 
		padding-left: 0.2rem; 
	}

	nav.right > a::before {
	    transform: scale(1.2, 1.3) perspective(0.08rem) rotateX(5deg);
	    transform-origin: bottom right;
	}</style><body><nav class=nav id=nav></nav><article class="page page-detail"><h1 class=article-h1>梯形标签</h1><br><br><nav class=eg-nav><a href=#>Home</a> <a href=# class=on>Projects</a> <a href=#>About</a></nav><div class=eg-nav-main>发的萨芬<br><br><br></div><nav class="eg-nav left"><a href=#>Home</a> <a href=# class=on>Projects</a> <a href=#>About</a></nav><div class=eg-nav-main>发的萨芬<br><br><br></div><nav class="eg-nav right"><a href=#>Home</a> <a href=# class=on>Projects</a> <a href=#>About</a></nav><div class=eg-nav-main>发的萨芬<br><br><br></div></article><script src=../../lib/js/zepto.js></script><script src=../../js/public.js></script>